<div class="recommend-fiction species-module">
    <div class="Fiction-title"><i class="icon-recommend Fiction-icon"></i>推荐书籍</div>
    <div class="clearfix recommend-list species-list">
        {% for book in data.top_books %}
        <div class="col-sm-12 col-md-3 col-xs-12">
            <div class="species-info">
                <div class="Fiction-type-title btn-default">《{{book.name}}》</div>
                <div class="Fiction-filter">
                    <div class="Fiction-irst clearfix">
                        <a href="/catalog?bid={{book.id}}" class="clearfix">
                            <div class="Fiction-left-img">
                                {% if book.img %}
                                <img src="{{book.img}}">
                                {% else %}
                                <img src="/_uploads/photos/default_img.png">
                                {% endif %}
                            </div>
                            <div class="Fiction-right-content">
                                <h5>阅读：{{ book.views }}</h5>
                                 {% if book.desc %}
                                    <p class="recommend-summary">{{ book.desc|truncate(48) }}</p>
                                 {% else %}
                                    <p class="recommend-summary">《{{book.name}}》作者是{{book.auth}}，因为本书暂时还没有阅读过，还没有填写书籍介绍，等以后读过再填写书籍的介绍...</p>
                                 {% endif %}
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}

    </div>
</div>